<template>
  <div id="pdfDom" class="pdf-container">
    <div class="firstPage">
      <div class="fontSizeLarge" style="padding-top: 20%">{{ clientData.clientName }}</div>
      <div class="fontSizeLarger" style="padding-top: 50px">消防系统运行报告</div>
      <img class="cover-image" style="padding-top: 20%" src="/PdfPage.png" alt="封面">
      <!-- 底部的公司信息 -->
      <div class="footer">
        <div class="fontSizeMedium gap">山西瑞铭网络通信工程有限公司</div>
        <div class="fontSizeSmall gap">山西省朔州经济开发区安泰东街与招贤路交叉口路北2号</div>
        <div class="fontSizeSmall">{{ getNowFormatDate() }}</div>
      </div>
      <div class="page_footer">1</div>
      <div class="breakPage"></div>
    </div>
    <div class="page">
      <div class="target gap">
        <div style="font-weight: bolder">
          此报告提供给：
        </div>
        <div>
          {{clientData.clientName}}
          <br>
          地址：{{clientData.clientAddress}}
          <br>
          电话：{{clientData.clientTelephone}}
        </div>
      </div>
      <div class="provide gap">
        <div style="font-weight: bolder">
          报告提供方：
        </div>
        <div>
          山西瑞铭网络通信工程有限公司
          <br>
          地址：山西省朔州经济开发区安泰东街与招贤路交叉口路北2号
          <br>
          电话：03496666688
        </div>
      </div>
      <div class="provide gap">
        <div style="font-weight: bolder">
          报告时间期限：
        </div>
        <div>
          {{ clientData.timePeriod }}
        </div>
      </div>
      <div class="provide gap">
        <div style="font-weight: bolder">
          服务声明：
        </div>
        <pre>
          1)在任何时候任何情况下，智慧消防管理平台只接收消防系统的信息，不会也从不对消防系统本身进行指令或控制，不会影响消防系统的正常运行。
          2)实时监测功能需要并依赖有效的、稳定的和可靠的三方运营的网络，系统可能会出现运行故障、传输中断、信息搜集不完整等技术故障，智慧消防管理平台对信息的准确性、完整性和及时性不承担任何责任。
          3)由于本报告为月度统计报告，所有报警信息在没有获得贵司确认为真实报警信息前，均视为误报信息，特此说明。
        </pre>
      </div>
      <div class="page_footer">2</div>
      <div class="breakPage"></div>
    </div>
    <!--    目录-->
    <!--    <div class="page">-->

    <!--      <div class="breakPage"></div>-->
    <!--    </div>-->
    <div class="page">
      <div class="fontSizeLarger">
        一、消防系统安全概况
      </div>
      <div class="first">
        <div class="fontSizeLarge">
          （一）消防系统安全评分
        </div>
        <div>
          <div style="display: flex;color: black;cursor: not-allowed; pointer-events: none;">
            <ScoreAcyclicForPdf :scoreValue="clientData.clientScore"/>
            <AcyclicForPdf :chart-data="clientData.processedWarnMap"/>
          </div>
          <pre>
            评分:指以报告输出时问点为基准，统计截止该时问点前24小时内的报警、故障、监管、值班、巡查及隐患处理信息，按照以下公式计算的安全得分:
            综合管理分=报警节点/总节点
            今日报警:指以报告输出时间点为基准，统计截止该时间点前今日报警数量
        </pre>
        </div>
      </div>
      <div class="second">
        <div class="fontSizeLarge">
          （二）消防系统基本情况
        </div>
        <div>
          <table border="1" style="border-collapse: collapse; width: 100%;text-align: center;">
            <tr>
              <th colspan="4" style="font-weight: bolder">消防系统基础信息</th>
            </tr>
            <tr>
              <td>单位名称</td>
              <td>{{ clientData.clientName }}</td>
            </tr>
            <tr>
              <td>单位地址</td>
              <td>{{ clientData.clientAddress }}</td>
            </tr>
            <tr>
              <td>设备数量</td>

              <td>{{ clientData.equipmentCount }}台</td>
            </tr>
            <tr>
              <td>监控点位数量</td>
              <td>{{ clientData.equipmentUnitCount }}个</td>
            </tr>
            <tr>
              <td>接入系统时间</td>
              <td>{{ clientData.createTime }}</td>
            </tr>
          </table>
        </div>
      </div>
      <div class="page_footer">3</div>
      <div class="breakPage"></div>
    </div>
    <div class="page">
      <div class="fontSizeLarger">
        二、消防系统运行统计与分析
      </div>
      <div class="first">
        <div>
          <table border="1" style="border-collapse: collapse; width: 100%;text-align: center;">
            <tr>
              <th colspan="4" style="text-align: center;">{{ clientData.timePeriod }}警情统计</th>
            </tr>
            <tr>
              <th rowspan="2">基本信息</th>
              <td>报警信息</td>
              <td>故障信息</td>
              <td>累计信息</td>
            </tr>
            <tr>
              <td>{{ clientData.fireWarnCount }}</td>
              <td>{{ clientData.breakWarnCount }}</td>
              <td>{{ clientData.warnRecordCount }}</td>
            </tr>
          </table>
        </div>
        <pre>
          注：
            报警信息指当火灾报警触发器件的监视参数满足火灾报警条件时，火灾报警触发器件发出的信号；
            故障信息指当火灾自动报警系统设备发生异常，不能正常运行发出的信号；
        </pre>
        <div class="page_footer">4</div>
        <div class="breakPage"></div>
      </div>
    </div>
    <div class="page">
      <div class="fontSizeLarge">
        （一）报警统计分析
      </div>
      <div>
        <div style="cursor: not-allowed; pointer-events: none;">
          <WarnForPdf :data1="clientData.warnMouthData"/>
        </div>
        <pre>
          时间跨度从{{ clientData.timePeriod }},{{ clientData.clientName }}共统计建筑物的故障设备统计信息
          </pre>
      </div>
      <table border="1" style="border-collapse: collapse; width: 100%;text-align: center;">
        <tr>
          <th colspan="4" style="text-align: center;">{{ clientData.timePeriod }}警情统计</th>
        </tr>
        <tr>
          <td>建筑物名称</td>
          <td>设备数量</td>
          <td>报警设备数</td>
          <td>设备报警率</td>
        </tr>
        <tr>
          <td>建筑物</td>
          <td>{{ clientData.equipmentUnitCount }}</td>
          <td>{{ clientData.fireEquipmentUnitCount }}</td>
          <td>{{ clientData.fireEquipmentUnitScore }}</td>
        </tr>
      </table>
      <br>
      <table border="1" style="border-collapse: collapse; width: 100%;text-align: center;">
        <tr>
          <th colspan="4" style="font-weight: bolder">报警风险点<br>（此处仅列出风险最高的十个设备，其他风险设备请查阅详细信息）
          </th>
        </tr>
        <tr>
          <td>设备编码</td>
          <td>风险点</td>
          <td>设备类型</td>
          <td>报警次数</td>
        </tr>
        <tr v-for="item in clientData.fireWarnRecordCountDtoList">
          <td>{{ item.equipmentId }}</td>
          <td>{{ item.address }}</td>
          <td>{{ item.typeName }}</td>
          <td>{{ item.count}}</td>
        </tr>
        <!--<tr v-for="item in clientData.fireWarnRecordCountDtoList">-->
          <!--<td>{{ item.partModel }}</td>-->
          <!--<td>{{ item.installSite }}</td>-->
          <!--<td>{{ item.typeName }}</td>-->
          <!--<td>{{ item.count}}</td>-->
        <!--</tr>-->
        <!--<tr v-for="item in clientData.fireWarnRecordCountDtoList">-->
          <!--<td>{{ item.partModel }}</td>-->
          <!--<td>{{ item.installSite }}</td>-->
          <!--<td>{{ item.typeName }}</td>-->
          <!--<td>{{ item.count}}</td>-->
        <!--</tr>-->
        <!--<tr v-for="item in clientData.fireWarnRecordCountDtoList">-->
          <!--<td>{{ item.partModel }}</td>-->
          <!--<td>{{ item.installSite }}</td>-->
          <!--<td>{{ item.typeName }}</td>-->
          <!--<td>{{ item.count}}</td>-->
        <!--</tr>-->
        <!--<tr v-for="item in clientData.fireWarnRecordCountDtoList">-->
          <!--<td>{{ item.partModel }}</td>-->
          <!--<td>{{ item.installSite }}</td>-->
          <!--<td>{{ item.typeName }}</td>-->
          <!--<td>{{ item.count}}</td>-->
        <!--</tr>-->
        <!--<tr v-for="item in clientData.fireWarnRecordCountDtoList">-->
          <!--<td>{{ item.partModel }}</td>-->
          <!--<td>{{ item.installSite }}</td>-->
          <!--<td>{{ item.typeName }}</td>-->
          <!--<td>{{ item.count}}</td>-->
        <!--</tr>-->
        <!--<tr v-for="item in clientData.fireWarnRecordCountDtoList">-->
          <!--<td>{{ item.partModel }}</td>-->
          <!--<td>{{ item.installSite }}</td>-->
          <!--<td>{{ item.typeName }}</td>-->
          <!--<td>{{ item.count}}</td>-->
        <!--</tr>-->
        <!--<tr v-for="item in clientData.fireWarnRecordCountDtoList">-->
          <!--<td>{{ item.partModel }}</td>-->
          <!--<td>{{ item.installSite }}</td>-->
          <!--<td>{{ item.typeName }}</td>-->
          <!--<td>{{ item.count}}</td>-->
        <!--</tr>-->
        <!--<tr v-for="item in clientData.fireWarnRecordCountDtoList">-->
          <!--<td>{{ item.partModel }}</td>-->
          <!--<td>{{ item.installSite }}</td>-->
          <!--<td>{{ item.typeName }}</td>-->
          <!--<td>{{ item.count}}</td>-->
        <!--</tr>-->
        <!--<tr v-for="item in clientData.fireWarnRecordCountDtoList">-->
          <!--<td>{{ item.partModel }}</td>-->
          <!--<td>{{ item.installSite }}</td>-->
          <!--<td>{{ item.typeName }}</td>-->
          <!--<td>{{ item.count}}</td>-->
        <!--</tr>-->
      </table>
      <div class="page_footer">5</div>
      <div class="breakPage"></div>
    </div>
    <div class="page">
      <div class="second">
        <div class="fontSizeLarge">
          （二）故障报警统计分析
        </div>
        <div>
          <div style="cursor: not-allowed; pointer-events: none;">
            <BreakForPdf :data1="clientData.warnMouthData"/>
          </div>
          <pre>
            时间跨度从{{ clientData.timePeriod }},{{ clientData.clientName }}共统计建筑物的故障设备统计信息
          </pre>
          <table border="1" style="border-collapse: collapse; width: 100%;text-align: center;">
            <tr>
              <th colspan="4" style="text-align: center;">{{ clientData.timePeriod }}警情统计</th>
            </tr>
            <tr>
              <td>建筑物名称</td>
              <td>设备数量</td>
              <td>故障设备数</td>
              <td>设备故障率</td>
            </tr>
            <tr>
              <td>建筑物</td>
              <td>{{ clientData.equipmentUnitCount }}</td>
              <td>{{ clientData.breakEquipmentUnitCount }}</td>
              <td>{{ clientData.breakEquipmentUnitScore}}</td>
            </tr>
          </table>
          <br>
          <table border="1" style="border-collapse: collapse; width: 100%;text-align: center;">
            <tr>
              <th colspan="4" style="font-weight: bolder">故障风险点<br>（此处仅列出风险最高的十个设备，其他风险设备请查阅详细信息）
              </th>
            </tr>
            <tr>
              <td>设备编码</td>
              <td>风险点</td>
              <td>设备类型</td>
              <td>故障报警次数</td>
            </tr>
            <tr v-for="item in clientData.breakWarnRecordCountDtoList">
              <td>{{ item.equipmentId }}</td>
              <td>{{ item.address }}</td>
              <td>{{ item.typeName }}</td>
              <td>{{ item.count}}</td>
            </tr>
            <!--<tr v-for="item in clientData.breakWarnRecordCountDtoList">-->
              <!--<td>{{ item.partModel }}</td>-->
              <!--<td>{{ item.installSite }}</td>-->
              <!--<td>{{ item.typeName }}</td>-->
              <!--<td>{{ item.count}}</td>-->
            <!--</tr>-->
            <!--<tr v-for="item in clientData.breakWarnRecordCountDtoList">-->
              <!--<td>{{ item.partModel }}</td>-->
              <!--<td>{{ item.installSite }}</td>-->
              <!--<td>{{ item.typeName }}</td>-->
              <!--<td>{{ item.count}}</td>-->
            <!--</tr>-->
            <!--<tr v-for="item in clientData.breakWarnRecordCountDtoList">-->
              <!--<td>{{ item.partModel }}</td>-->
              <!--<td>{{ item.installSite }}</td>-->
              <!--<td>{{ item.typeName }}</td>-->
              <!--<td>{{ item.count}}</td>-->
            <!--</tr>-->
            <!--<tr v-for="item in clientData.breakWarnRecordCountDtoList">-->
              <!--<td>{{ item.partModel }}</td>-->
              <!--<td>{{ item.installSite }}</td>-->
              <!--<td>{{ item.typeName }}</td>-->
              <!--<td>{{ item.count}}</td>-->
            <!--</tr>-->
          </table>
        </div>
      </div>
      <div class="page_footer">6</div>
      <div class="breakPage"></div>
    </div>
    <div class="page">
      <div class="fontSizeLarger">
        三、巡检、维保记录统计与分析
      </div>
      <div class="first">
        <div>
          <table border="1" style="border-collapse: collapse; width: 100%;text-align: center;">
            <tr>
              <th colspan="4" style="text-align: center;">{{ clientData.timePeriod }}巡检、维保记录统计</th>
            </tr>
            <tr>
              <th rowspan="2">基本信息</th>
              <td>巡检信息</td>
              <td>维保信息</td>
              <td>累计信息</td>
            </tr>
            <tr>
              <td>{{ clientData.recordInspectionCount }}</td>
              <td>{{ clientData.recordMaintenanceCount }}</td>
              <td>{{ clientData.recordCount }}</td>
            </tr>
          </table>
        </div>
        <pre>
          注：
            巡检信息指巡检人员检查设备是否存在问题；
            维保信息指维保人员发现设备存在问题时进行处理的情况；
        </pre>
        <div class="page_footer">7</div>
        <div class="breakPage"></div>
      </div>
    </div>
    <div class="page">
      <div class="fontSizeLarge">
        （一）巡检记录统计分析
      </div>
      <div>
        <div style="cursor: not-allowed; pointer-events: none;">
          <InspectionForPdf :data1="clientData.pdfMouthDataDtos"/>
        </div>
        <pre>
          时间跨度从{{ clientData.timePeriod }},{{ clientData.clientName }}共统计建筑物的巡检记录统计信息
          </pre>
      </div>
      <table border="1" style="border-collapse: collapse; width: 100%;text-align: center;">
        <tr>
          <th colspan="4" style="text-align: center;">{{ clientData.timePeriod }}巡检统计</th>
        </tr>
        <tr>
          <td>建筑物名称</td>
          <td>地址数量</td>
          <td>问题地址数量</td>
          <td>问题地址率</td>
        </tr>
        <tr>
          <td>建筑物</td>
          <td>{{ clientData.recordAddrCount }}</td>
          <td>{{ clientData.recordInspectionAddrCount }}</td>
          <td>{{ clientData.recordInspectionAddrScore }}</td>
        </tr>
      </table>
      <br>
      <table border="1" style="border-collapse: collapse; width: 100%;text-align: center;">
        <tr>
          <th colspan="4" style="font-weight: bolder">巡检地址风险点<br>（此处仅列出风险最高的十个位置，其他风险点请查阅详细信息）
          </th>
        </tr>
        <tr>
          <td>风险点编号</td>
          <td>风险点</td>
          <td>巡检次数</td>
          <td>问题次数</td>
        </tr>
        <tr v-for="item in clientData.recordInspectionAddrDtoList">
          <td>{{ item.address }}</td>
          <td>{{ item.addrName }}</td>
          <td>{{ item.recordAddrCount }}</td>
          <td>{{ item.recordAddrBreakCount}}</td>
        </tr>
        <!--<tr v-for="item in clientData.fireWarnRecordCountDtoList">-->
        <!--<td>{{ item.partModel }}</td>-->
        <!--<td>{{ item.installSite }}</td>-->
        <!--<td>{{ item.typeName }}</td>-->
        <!--<td>{{ item.count}}</td>-->
        <!--</tr>-->
        <!--<tr v-for="item in clientData.fireWarnRecordCountDtoList">-->
        <!--<td>{{ item.partModel }}</td>-->
        <!--<td>{{ item.installSite }}</td>-->
        <!--<td>{{ item.typeName }}</td>-->
        <!--<td>{{ item.count}}</td>-->
        <!--</tr>-->
        <!--<tr v-for="item in clientData.fireWarnRecordCountDtoList">-->
        <!--<td>{{ item.partModel }}</td>-->
        <!--<td>{{ item.installSite }}</td>-->
        <!--<td>{{ item.typeName }}</td>-->
        <!--<td>{{ item.count}}</td>-->
        <!--</tr>-->
        <!--<tr v-for="item in clientData.fireWarnRecordCountDtoList">-->
        <!--<td>{{ item.partModel }}</td>-->
        <!--<td>{{ item.installSite }}</td>-->
        <!--<td>{{ item.typeName }}</td>-->
        <!--<td>{{ item.count}}</td>-->
        <!--</tr>-->
        <!--<tr v-for="item in clientData.fireWarnRecordCountDtoList">-->
        <!--<td>{{ item.partModel }}</td>-->
        <!--<td>{{ item.installSite }}</td>-->
        <!--<td>{{ item.typeName }}</td>-->
        <!--<td>{{ item.count}}</td>-->
        <!--</tr>-->
        <!--<tr v-for="item in clientData.fireWarnRecordCountDtoList">-->
        <!--<td>{{ item.partModel }}</td>-->
        <!--<td>{{ item.installSite }}</td>-->
        <!--<td>{{ item.typeName }}</td>-->
        <!--<td>{{ item.count}}</td>-->
        <!--</tr>-->
        <!--<tr v-for="item in clientData.fireWarnRecordCountDtoList">-->
        <!--<td>{{ item.partModel }}</td>-->
        <!--<td>{{ item.installSite }}</td>-->
        <!--<td>{{ item.typeName }}</td>-->
        <!--<td>{{ item.count}}</td>-->
        <!--</tr>-->
        <!--<tr v-for="item in clientData.fireWarnRecordCountDtoList">-->
        <!--<td>{{ item.partModel }}</td>-->
        <!--<td>{{ item.installSite }}</td>-->
        <!--<td>{{ item.typeName }}</td>-->
        <!--<td>{{ item.count}}</td>-->
        <!--</tr>-->
        <!--<tr v-for="item in clientData.fireWarnRecordCountDtoList">-->
        <!--<td>{{ item.partModel }}</td>-->
        <!--<td>{{ item.installSite }}</td>-->
        <!--<td>{{ item.typeName }}</td>-->
        <!--<td>{{ item.count}}</td>-->
        <!--</tr>-->
      </table>
      <div class="page_footer">8</div>
      <div class="breakPage"></div>
    </div>
    <div class="page">
      <div class="second">
        <div class="fontSizeLarge">
          （二）维保记录统计分析
        </div>
        <div>
          <div style="cursor: not-allowed; pointer-events: none;">
            <MaintenanceForPdf :data1="clientData.pdfMouthDataDtos"/>
          </div>
          <pre>
            时间跨度从{{ clientData.timePeriod }},{{ clientData.clientName }}共统计建筑物的维保记录统计信息
          </pre>
          <table border="1" style="border-collapse: collapse; width: 100%;text-align: center;">
            <tr>
              <th colspan="4" style="text-align: center;">{{ clientData.timePeriod }}维保统计</th>
            </tr>
            <tr>
              <td>建筑物名称</td>
              <td>地址数量</td>
              <td>维保地址数量</td>
              <td>维保地址率</td>
            </tr>
            <tr>
              <td>建筑物</td>
              <td>{{ clientData.recordAddrCount }}</td>
              <td>{{ clientData.recordMaintenanceAddrCount }}</td>
              <td>{{ clientData.recordMaintenanceAddrScore}}</td>
            </tr>
          </table>
          <br>
          <table border="1" style="border-collapse: collapse; width: 100%;text-align: center;">
            <tr>
              <th colspan="4" style="font-weight: bolder">维保地址风险点<br>（此处仅列出风险最高的十个位置，其他风险点请查阅详细信息）
              </th>
            </tr>
            <tr>
              <td>风险点编号</td>
              <td>风险点</td>
              <td>维保次数</td>
            </tr>
            <tr v-for="item in clientData.recordMaintenanceAddrDtoList">
              <td>{{ item.address }}</td>
              <td>{{ item.addrName }}</td>
              <td>{{ item.recordAddrCount }}</td>
            </tr>
            <!--<tr v-for="item in clientData.breakWarnRecordCountDtoList">-->
            <!--<td>{{ item.partModel }}</td>-->
            <!--<td>{{ item.installSite }}</td>-->
            <!--<td>{{ item.typeName }}</td>-->
            <!--<td>{{ item.count}}</td>-->
            <!--</tr>-->
            <!--<tr v-for="item in clientData.breakWarnRecordCountDtoList">-->
            <!--<td>{{ item.partModel }}</td>-->
            <!--<td>{{ item.installSite }}</td>-->
            <!--<td>{{ item.typeName }}</td>-->
            <!--<td>{{ item.count}}</td>-->
            <!--</tr>-->
            <!--<tr v-for="item in clientData.breakWarnRecordCountDtoList">-->
            <!--<td>{{ item.partModel }}</td>-->
            <!--<td>{{ item.installSite }}</td>-->
            <!--<td>{{ item.typeName }}</td>-->
            <!--<td>{{ item.count}}</td>-->
            <!--</tr>-->
            <!--<tr v-for="item in clientData.breakWarnRecordCountDtoList">-->
            <!--<td>{{ item.partModel }}</td>-->
            <!--<td>{{ item.installSite }}</td>-->
            <!--<td>{{ item.typeName }}</td>-->
            <!--<td>{{ item.count}}</td>-->
            <!--</tr>-->
          </table>
        </div>
      </div>
      <div class="page_footer">9</div>
      <div class="breakPage"></div>
    </div>
    <div class="page">
      <div class="fontSizeLarger">
        四、风险分析及整改建议
      </div>
      <div class="first">
        <div class="fontSizeLarge">
          （一）针对消防系统误报报警的建议
        </div>
        <div>
          <h3>1. 设备误报可能原因如下：</h3>
          <ul>
            <li>确认误报设备的产品质量是否合格，如不合格请立即更换合格产品；</li>
            <li>
              确认误报设备选择和布置是否恰当，如有以下情况，请进行重新选择和布置:
              <ul>
                <li>
                  探测器选型不合理：灵敏度高的火灾探测器能在很低的烟雾浓度下报警，相反灵敏度低的探测器只能在高浓度烟雾环境中报警，如在会议室、地下车库等易集烟的环境选用高灵敏度的感烟探测器，在锅炉房高温度环境中选用定温探测器。
                </li>
                <li>
                  使用场所性质变化后未及时更换相适应的探测器。例如将办公室、商场等改作厨房、洗沐房、会议室时，原有的感烟火灾探测器会受新场所产生的非火灾报警因素影响而误报警，如油烟、香烟烟雾、水蒸汽、灰尘、杀虫剂以及醇类、酮类、醚类等腐蚀性气体。
                </li>
              </ul>
            </li>
            <li>确认环境因素的干扰作用，如遇以下环境，请考虑环境干扰因素：
              <ul>
                <li>电磁环境干扰：空中电磁波干扰、电源及其它输入输出线上的窄脉冲群、人体静电。</li>
                <li>气流：气流可影响烟气的流动线路，对离子感烟探测和光电感烟探测器都有影响。</li>
                <li>感温探测器布置距高温光源过近、感烟探测器距空调送风口过近等。</li>
                <li>光电感烟探测器安装在可能产生黑烟、大量粉尘、蒸汽和油雾的场所。</li>
              </ul>
            </li>
          </ul>

          <h3>2. 整改建议：</h3>
          <ul>
            <li>
              GB29837-2013《火灾探测报警产品的维修保养与报废》规定：火灾探测报警产品寿命为12年，可燃气体气敏元件寿命为5年，产品达到使用寿命时应报废。建议及时更换到达使用年限的设备，选用质量合格产品。
            </li>
            <li>根据探测器应用场所，选择合适的设备类型，减少环境因素导致的设备误动作。</li>
            <li>灰尘和昆虫等报脏导致探测器误报，建议每2年对探测器进行全面清洗。</li>
            <li>加强人员培训，减少现场人员误操作问题。</li>
          </ul>
        </div>
      </div>
      <div class="page_footer">10</div>
      <div class="breakPage"></div>
    </div>
    <div class="page">
      <div class="second">
        <div class="fontSizeLarge">
          （二）针对消防系统故障的建议
        </div>
        <div>
          <p>
            1、单位消防安全管理人对建筑消防设施存在的问题和故障,应立即通知维修人员进行维
            修。维修期间，应采取确保消防安全的有效措施。故障排除后应进行相应功能试验并经
            单位消防安全管理人检查确认
          </p>

          <h3>2. 常见故障及处理方法：</h3>

          <h4>1）火灾探测器常见故障：</h4>
          <ul>
            <li><strong>故障原因：</strong>探测器与底座脱落、接触不良；报警总线与底座接触不良；报警总线开路或接地性能不良造成短路；探测器本身损坏；探测器接口板故障。
            </li>
            <li><strong>排除方法：</strong>重新拧紧探测器或增大底座与探测器卡簧的接触面积；重新压接总线，使之与底座有良好接触；查出有故障的总线位置并更换；更换探测器；维修或更换接口板。
            </li>
          </ul>

          <h4>2）主电源常见故障：</h4>
          <ul>
            <li><strong>故障现象：</strong>火灾报警控制器发出故障报警，主电源故障灯亮，打印机打印主电故障及时间。</li>
            <li><strong>故障原因：</strong>市电停电；电源线接触不良；主电熔断丝熔断等。</li>
            <li><strong>排除方法：</strong>连续停电8小时时应关机，主电恢复后再开机；重新连接主电源线，或使用烙铁焊接牢固；更换熔断丝或保险管。
            </li>
          </ul>
          <h4>3）备用电源常见故障：</h4>
          <ul>
            <li><strong>故障现象：</strong>火灾报警控制器发出故障报警，备用电源故障灯亮，打印机打印备用电故障及时间。</li>
            <li><strong>故障原因：</strong>备用电源损坏或电压不足；备用电池接线接触不良；熔断丝熔断等。</li>
            <li><strong>排除方法：</strong>开机充电24小时后，若备用电源仍报故障，则更换备用蓄电池；用烙铁焊接备用电的连接线，使备用电与主机良好接触；更换熔断丝或保险管。
            </li>
          </ul>

          <h4>4）通讯常见故障：</h4>
          <ul>
            <li><strong>故障现象：</strong>火灾报警控制器发出故障报警，通讯故障灯亮，打印机打印通讯故障及时间。</li>
            <li><strong>故障原因：</strong>区域报警控制器或火灾显示盘损坏或未通电；通讯接口板损坏；通讯线路短路、开路或接地性能不良造成短路。
            </li>
            <li><strong>排除方法：</strong>更换设备，确保供电正常；检查通讯线路，若存在开路、短路或接地接触不良，进行更换；维修或更换通讯板；若是探测器或模块设备引发通讯故障，维修或更换相应设备。
            </li>
          </ul>
        </div>
      </div>
      <div class="page_footer">11</div>
      <div class="breakPage"></div>
    </div>
    <div class="page">
      <div class="third">
        <div class="fontSizeLarge">
          （三）消防系统运维管理建议
        </div>
        <div>
          消防系统的安全运行，对保障建筑整体安全至关重要，建议以防设施信息数字化为基础，还步推进消防设施运维数字化，即根据《建筑消防设施的护管理》(GB25201)的具体要求，通过智慧消防管理平台，对值班、巡查、、维修、保养及档案管理等各方面进行智慧管理，确保各项工作按计划、保质保量的完成，并形成详细的工作记录。具体功能介绍，请您拨打智慧消防服务热线
        </div>
      </div>
      <div class="page_footer">12</div>
    </div>
    <div class="page">
      <div class="fontSizeLarger">
        四、消防系统运行信息记录
      </div>
      <div>如需查阅消防系统运行详细信息，可登录智慧消防管理平台，左菜单栏:报警管理-全部报警查询下载。</div>
      <div class="page_footer">13</div>
    </div>
  </div>
</template>

<script setup>
import {onMounted, ref} from 'vue';
import ScoreAcyclicForPdf from "@/template/component/ScoreAcyclicForPdf.vue";
import AcyclicForPdf from "@/template/component/AcyclicForPdf.vue";
import WarnForPdf from "@/template/component/WarnForPdf.vue";
import BreakForPdf from "@/template/component/BreakForPdf.vue";
import MaintenanceForPdf from "@/template/component/MaintenanceForPdf.vue";
import InspectionForPdf from "@/template/component/InspectionForPdf.vue";
import htmlToPdf from "@/utils/htmlToPdf.js";
const clientData = JSON.parse(localStorage.getItem("pdfData"))

onMounted(()=>{
  setTimeout(()=>{
    // htmlToPdf.getPdf("单位运营报告")
    document.title=clientData.clientName+clientData.timePeriod
    window.print()
  },1000)
})

// 监听打印
if (window.matchMedia) {   //返回一个新的 MediaQueryList 对象，表示指定的媒体查询字符串解析后的结果。
  var mediaQueryList = window.matchMedia('print');
  mediaQueryList.addListener(function(mql) {
    if (!mql.matches) {
      afterPrint();
    }
  });
}
var afterPrint = function() {
  console.log('afterPrint');
  window.close()
};
window.onafterprint = afterPrint;

function getNowFormatDate() {
  let date = new Date(),
      year = date.getFullYear(),
      month = date.getMonth() + 1,
      strDate = date.getDate();

  if (month < 10) month = `0${month}`;
  if (strDate < 10) strDate = `0${strDate}`;

  return `${year}年${month}月${strDate}日`;
}
</script>

<style scoped>
.pdf-container {
  font-size: 19px;
  width: 210mm;
  height: 297mm;
  padding: 0 20px;
  background-color: white;
  color: black;
  font-family: '华文中宋', serif;
  font-weight: bolder;
  box-sizing: border-box;
  position: relative;
}

.firstPage {
  width: 100%;
  height: 100%;
  text-align: center;
  position: relative;
}

.firstPage .footer {
  position: absolute;
  bottom: 30px; /* 距离底部的距离 */
  width: 100%;
  text-align: center;
}

.page_footer {
  position: absolute;
  bottom: 5px; /* 距离底部的距离 */
  left: 0;
  right: 0;
  text-align: center; /* 居中对齐 */
  font-size: 14px; /* 根据需要调整字体大小 */
  color: #000; /* 字体颜色 */
}

.page {
  padding-top: 50px;
  position: relative;
  padding-bottom: 50px; /* 留出底部空间给页码 */
  height: 100%; /* 确保页面高度 */
}

.fontSizeLarger {
  font-size: 35px;
  font-weight: bolder;
}

.fontSizeLarge {
  font-size: 27px;
  font-weight: bolder;
}

.fontSizeMedium {
  font-size: 23px;
  font-weight: bolder;
}

.fontSizeSmall {
  font-size: 19px;
}

.cover-image {
  max-width: 100%;
  height: auto;
}

.breakPage {
  page-break-after: always;
}

.gap {
  margin-bottom: 10px; /* 设置每个元素的底部间隔 */
}

pre {

  word-break: break-all;
  white-space: pre-line;
  font-family: '华文中宋', sans-serif;
}

ul {
  margin-top: 0; /* 去掉顶部的默认外边距 */
  margin-bottom: 0; /* 去掉底部的默认外边距 */
}

p {
  margin-top: 0; /* 去掉顶部的默认外边距 */
  margin-bottom: 0; /* 去掉底部的默认外边距 */
}

h3, h4 {
  margin-top: 0; /* 去掉顶部的默认外边距 */
  margin-bottom: 0; /* 去掉底部的默认外边距 */
}
</style>
